import React from 'react'

import { NavBar, Icon } from 'antd-mobile';
import {AlbumWrap} from './StyledAlbum'

import{useHistory} from 'react-router-dom'
import T1 from '@a/images/lxl/teacher1.png'
import T2 from '@a/images/lxl/teacher2.png'
import zb from '@a/images/lxl/zhongbiao.png'
import p1 from '@a/images/lxl/p1.png'
import message from '@a/images/lxl/message.png'
import Heart from '@a/images/lxl/Heart.png'

import pic2 from '@a/images/lxl/pic2.png'

const  Album =()=> {
    let history=useHistory()
      return (
        <AlbumWrap>
         <NavBar
          mode="dark"
          icon={<Icon type="left" />}
          onLeftClick={()=>{history.push('/home')}}
          rightContent={[
          <i key="1"
            onClick={()=>{history.push('/newcreate')}}
          >新建</i>
          ]}
          >班级相册
         </NavBar>
        <div className="part2">
          <div className="ab">
            <div className="aaa">
              <img src={T1} alt=""/>
              <div className="name1">
                <i>涂雯雯</i>
                <i>数学老师</i>
              </div>
            </div>
            <div className="bbb">
              <img src={zb} alt=""/>
              <span>4月03日&nbsp;16:25</span>
            </div>
          </div>
          <p>校园里的欢声笑语，每一秒都显得弥足珍贵</p>
          <div className="cd">
            <img src={p1} alt=""/>
          </div>
          <div className="ef">
            <span className="span1">xxixi</span>
            <span><img src={message} alt=""/>&nbsp;15</span>
            <span><img src={Heart} alt=""/>&nbsp;76</span>
          </div>
        </div>
        <div className="part2">
          <div className="ab">
            <div className="aaa">
              <img src={T2} alt=""/>
              <div className="name1">
                <i>EricaViiiii</i>
                <i>数学老师</i>
              </div>
            </div>
            <div className="bbb">
              <img src={zb} alt=""/>
              <span>4月03日&nbsp;16:25</span>
            </div>
          </div>
          <p>校园里的欢声笑语，每一秒都显得弥足珍贵</p>
          <div className="cd">
            <img src={pic2} alt=""/>
          </div>
          <div className="ef">
            <span className="span1">xxixi</span>
            <span><img src={message} alt=""/>&nbsp;15</span>
            <span><img src={Heart} alt=""/>&nbsp;76</span>
          </div>
        </div>
        <div className="part2">
          <div className="ab">
            <div className="aaa">
              <img src={T1} alt=""/>
              <div className="name1">
                <i>涂雯雯</i>
                <i>数学老师</i>
              </div>
            </div>
            <div className="bbb">
              <img src={zb} alt=""/>
              <span>4月03日&nbsp;16:25</span>
            </div>
          </div>
          <p>校园里的欢声笑语，每一秒都显得弥足珍贵</p>
          <div className="cd">
            <img src={p1} alt=""/>
          </div>
          <div className="ef">
            <span className="span1">xxixi</span>
            <span><img src={message} alt=""/>&nbsp;15</span>
        </div>
      </div>
      </AlbumWrap>
      )
    }
  


  export default Album
  /*
// 



ReactDOM.render(
  <div>
    
  </div>
  , mountNode); */